<!-- Load destyle.css from CDN because @liam-hq/ui/src/styles/globals.css imports it -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/destyle.css@4.0.1/destyle.min.css"
/>
<link rel="stylesheet" href="/styles/globals.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
  href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
  rel="stylesheet"
/>
<style>
  /* Apply fonts to match main app layout.tsx exactly */
  .sb-show-main {
    font-family: Inter, sans-serif;
  }

  :root {
    --message-font: Montserrat;
  }
</style>
